$(function() {

        /*var url = URLS.SERVER_URL + URLS.chance;
        var my={};
        my["id"] = user_openid;
        var data = my;
        var type = "GET";
        //成功回调函数
        var success = function(data){
            if(data.code == "0"){
            }       
        };
        ajaxPost(url,data,type,success);*/

        // 关闭按钮
        $(".close,.goods_more_ok,.ok").click(function(){
            $(this).parent().parent().hide();
        });

        $(".paihang_close").click(function(){
            $(this).parent().hide();
        });
        


        // 初始化
        $(".index_bt").click(function(){
            $(".index_dm").show();
        });

        $(".index_dm").click(function(){
            $("#loadingPage").hide();
            $("#pageContainer").show();
        });

        //游戏页面
        var Carousel = {
            data:{
                count:0,//数量
                totalWidth:0,//总宽度
                countArray:[0,1,2,3,4,5,6,7,8,9],
                itemWidth:0,//单个宽度
                margin:0,//外边距
                posterWidth:0,//总共的宽度
                speed:23,//移动速度
                timer:null,//移动定时器
                itemArray:null,//子元素数组
                itemLeft:[],//子元素的左定位
                flag:true,
                catched:false,//是否抓到
                result:null,//结果
                timeout:false,
                canvas:document.createElement('canvas'),//画布
                ctx:null,//画板
                ratio:1,//手机像素
                w:null,//页面宽
                h:null,//页面高
                head:null,//头像
                imgData:null,
            },
        }

        //开始游戏
        $(".youxi_bt2").click(function(){
            $('.zhua').removeClass('zhuadown').removeClass('zhuaup').removeClass('zhualeft').removeClass('zhuaOutUp');
            $(".youxi_wwmain img").removeClass("img-slideUp").removeClass("img-slideleft").removeClass("img-slideOutUp").removeClass("img-slideOutUp2");
            $(".js_time em").addClass("js_time30");
            $(".ks_box,.yx_fbt,.youxi_btbox").hide();
            $(".js_box").show();
            var a = 29;
               var timeoutrun = setInterval(function(){
                    if(a >= 0){
                        //console.log(a);
                        $(".js_time em").removeClass();
                        $(".js_time em").addClass("js_time"+a);
                        a--;
                    }else{
                        //console.log(a);
                        $(".js_box").hide();
                        $(".ks_box,.yx_fbt,.youxi_btbox").show();
                        clearInterval(timeoutrun);//暂停
                    }
                },1000);
        });


       //移动手柄
       var  zhua_shou_background_size =  $(".zhua").css("background-size");

        var t;
        var cancelTimeout = function() {
            if(t) {
                clearTimeout(t);
                t = null;
            }
        };



        var pointert = document.querySelector('.pointert');

        pointert.addEventListener('touchstart', function(e) {
            t = setInterval(function() {
                console.log(zhua_shou_background_size);
                zhua_shou_background_size = parseInt(zhua_shou_background_size.replace("%",""));
                if(zhua_shou_background_size >= 81){
                    zhua_shou_background_size = zhua_shou_background_size - 1 + "%";
                    $(".zhua").css("background-size",zhua_shou_background_size);
                }else{
                    zhua_shou_background_size = zhua_shou_background_size + "%";
                }
               
            }, 50);
            e.preventDefault();
            return false;
        });
        pointert.addEventListener('touchend', cancelTimeout);
        pointert.addEventListener('touchcancel', cancelTimeout);


        var pointerf = document.querySelector('.pointerf');
        pointerf.addEventListener('touchstart', function(e) {
            t = setInterval(function() {
                console.log(zhua_shou_background_size);
                zhua_shou_background_size = parseInt(zhua_shou_background_size.replace("%",""));
                if(zhua_shou_background_size <= 99){
                    zhua_shou_background_size = zhua_shou_background_size + 1 + "%";
                    $(".zhua").css("background-size",zhua_shou_background_size);
                }else{
                    zhua_shou_background_size = zhua_shou_background_size + "%";
                }

            }, 50);
            e.preventDefault();
            return false;
        });
        pointerf.addEventListener('touchend', cancelTimeout);
        pointerf.addEventListener('touchcancel', cancelTimeout);

       
        $(".pointert").on("tap",function(){ 
                console.log(zhua_shou_background_size);
                    zhua_shou_background_size = parseInt(zhua_shou_background_size.replace("%",""));
                    if(zhua_shou_background_size >= 81){
                        zhua_shou_background_size = zhua_shou_background_size - 1 + "%";
                        $(".zhua").css("background-size",zhua_shou_background_size);
                    }else{
                        zhua_shou_background_size = zhua_shou_background_size + "%";
                    }
        });
        $(".pointerf").on("tap",function(){ 
            console.log(zhua_shou_background_size);
                    zhua_shou_background_size = parseInt(zhua_shou_background_size.replace("%",""));
                    if(zhua_shou_background_size <= 99){
                        zhua_shou_background_size = zhua_shou_background_size + 1 + "%";
                        $(".zhua").css("background-size",zhua_shou_background_size);
                    }else{
                        zhua_shou_background_size = zhua_shou_background_size + "%";
                    }
        });
        
        var  zhua_shou_background_left =  "2";

        // 点击向左
        var pointerl = document.querySelector('.pointerl');
        pointerl.addEventListener('touchstart', function(e) {
            t = setInterval(function() {
                zhua_shou_background_left = zhua_shou_background_left.replace("rem","");
            
                if(zhua_shou_background_left >= 0){
                    var aa = zhua_shou_background_left - .1;
                    aa = aa.toFixed(1);
                    zhua_shou_background_left = aa + "rem";
                    $(".zhua").css("left",zhua_shou_background_left);
                }else{
                    zhua_shou_background_left = zhua_shou_background_left + "rem";
                }

            }, 50);
            e.preventDefault();
            return false;
        });
        pointerl.addEventListener('touchend', cancelTimeout);
        pointerl.addEventListener('touchcancel', cancelTimeout); 

        // 点击向右
                var pointerr = document.querySelector('.pointerr');
                pointerr.addEventListener('touchstart', function(e) {
                    t = setInterval(function() {
                        zhua_shou_background_left = Number(zhua_shou_background_left.replace("rem",""));
                        if(zhua_shou_background_left <= 4.5){
                            var aa = zhua_shou_background_left + .1;
                            aa = aa.toFixed(1);
                            zhua_shou_background_left = aa + "rem";
                            $(".zhua").css("left",zhua_shou_background_left);
                        }else{
                            zhua_shou_background_left = zhua_shou_background_left + "rem";
                        }

                    }, 50);
                    e.preventDefault();
                    return false;
                });
                pointerr.addEventListener('touchend', cancelTimeout);
                pointerr.addEventListener('touchcancel', cancelTimeout); 

        $(".pointerl").on("tap",function(){ 
                    zhua_shou_background_left = zhua_shou_background_left.replace("rem","");
                    
                        if(zhua_shou_background_left >= 0){
                            var aa = zhua_shou_background_left - .1;
                            aa = aa.toFixed(1);
                            zhua_shou_background_left = aa + "rem";
                            $(".zhua").css("left",zhua_shou_background_left);
                        }else{
                            zhua_shou_background_left = zhua_shou_background_left + "rem";
                        }
        });
        $(".pointerr").on("tap",function(){ 
                zhua_shou_background_left = Number(zhua_shou_background_left.replace("rem",""));
                    if(zhua_shou_background_left <= 4.5){
                        var aa = zhua_shou_background_left + .1;
                        aa = aa.toFixed(1);
                        zhua_shou_background_left = aa + "rem";
                        $(".zhua").css("left",zhua_shou_background_left);
                    }else{
                        zhua_shou_background_left = zhua_shou_background_left + "rem";
                    }
            
        });

        var aaaa=0;

        // 开始抓取
        $(".js_go").click(function(){

            Carousel.data.timeout = true;
            clearTimeout(Carousel.data.timer);
            Carousel.data.timer = null;

            var zleft = parseFloat($('.zhua').css('left'));
            var fs1 = parseFloat($('html').css('font-size'))*1.25*0.5656;
            var fs1_1 = parseFloat($('html').css('font-size'))*3.25*0.5656;
            var fs1_2 = parseFloat($('html').css('font-size'))*5.25*0.5656;

            var fs2 = parseFloat($('html').css('font-size'))*7.3*0.5656;

            var fs1_3 = parseFloat($('html').css('font-size'))*2*0.5656;
            var fs1_4 = parseFloat($('html').css('font-size'))*4*0.5656;
            var fs1_5 = parseFloat($('html').css('font-size'))*6.5*0.5656;
            var fs1_6 = parseFloat($('html').css('font-size'))*7.3*0.5656;

            var zwidth = parseFloat($('.zhua').css('background-size'));

            console.log("zleft:"+fs1,"zwidth:"+fs2);
            console.log(zleft);
             //判断是否抓到
                if(fs1<=zleft && zleft<=fs2){
                    console.log("中")
                    //抓到娃娃
                    if(zleft>= fs1 && zleft<=fs1_1 && zwidth<=89){
                        Carousel.data.catched = true;
                        Carousel.data.result = 1;
                    }
                    if(zleft>= fs1_1 && zleft<=fs1_2 && zwidth<=89){
                        Carousel.data.catched = true;
                        Carousel.data.result = 2;
                    }
                    if(zleft>= fs1_2 && zleft<=fs2 && zwidth<=89){
                        Carousel.data.catched = true;
                        Carousel.data.result = 3;
                    }

                    if(zleft>= fs1_3 && zleft<=fs1_4 && zwidth>=94){
                        Carousel.data.catched = true;
                        Carousel.data.result = 4;
                    }
                    if(zleft>= fs1_5 && zleft<=fs1_6 && zwidth>=94){
                        Carousel.data.catched = true;
                        Carousel.data.result = 5;
                    }
                    
                }


            if(Carousel.data.catched){
                aaaa++;
                //抓到后结果页显示动画

                $('.zhua').removeClass('zhuamove').addClass('zhuadown');

                //抓抓取动画
                var timer01 = setTimeout(function(){
                    $('.zhua').removeClass('zhuadown').addClass('zhuashou');
                    //暂停背景音乐

                    musicStar.pause();

                    var timer03 = setTimeout(function(){
                        $('.zhua').removeClass('zhuashou').addClass('zhuaup');//向下抓
                        //爸爸出去
                        $('.people0'+Carousel.data.result).addClass('img-slideUp');

                        clearTimeout(timer03);
                        timer03 = null;
                    },800);

                    var timer00 = setTimeout(function(){
                        $('.zhua').removeClass('zhuaup').addClass('zhualeft');
                        if(aaaa>=3){
                            $('.people0'+Carousel.data.result).removeClass('img-slideUp').addClass('img-slideleft');
                        }else{
                            $('.people0'+Carousel.data.result).removeClass('img-slideUp').addClass('img-slideOutUp2');
                           
                        }

                        

                        clearTimeout(timer00);
                        timer00 = null;
                    },1800);


                    var timer02  = setTimeout(function(){
                        $('.zhua').removeClass('zhuaup');//向下抓
                        //爸爸被抓到向上走
                        if(aaaa>=3){
                        $('.people0'+Carousel.data.result).removeClass('img-slideleft').addClass('img-slideOutUp');
                    }else{
                       
                       
                    }
                        $('.zhua').removeClass('zhualeft').addClass('zhuaOutUp');
                        clearTimeout(timer02);
                        timer02 = null;
                    },3000);
                    

                    if(Carousel.data.result!=null&&Carousel.data.result!=""&&aaaa>=3){
                        cg();
                    }else{
                        no_cg();
                    }
                   
      
                   

                    clearTimeout(timer01);
                    timer01 = null;

                },1000);

            }else{

                 //没有抓到后结果页显示动画
                 $('.zhua').removeClass('zhuamove').addClass('zhuadown');

                var timershow = setTimeout(function(){
                    $('.zhua').removeClass('zhuadown').addClass('zhuashou');
                    //暂停背景音乐
                    //musicStar.pause();
                    var timer03 = setTimeout(function() {
                        $('.zhua').removeClass('zhuashou').addClass('zhuaup');//向下抓
                        clearTimeout(timer03);
                        timer03 = null;
                    },800);
                    clearTimeout(timershow);
                    timershow = null;
                },1000);
                no_cg();
                

            }


            //弹出没抓到弹框
            function no_cg(){
            var timer05 = setTimeout(function(){
                        if($('#set_yx_on').hasClass('active')) {
                            error.play();
                        }
                        $(".zhongjiang_morebox").removeClass("active");
                        $('#zhongjiang').show();
                        clearTimeout(timer05);
                        timer05 = null;
                },3000);
            }

            //弹出抓到弹框
            function cg(){
                        var timer05 = setTimeout(function(){
                            if($('#set_yx_on').hasClass('active')) {
                                music01.play();
                            }
                            $(".zhongjiang_morebox").addClass("active");
                            $('#zhongjiang').show();
                            clearTimeout(timer05);
                            timer05 = null;
                            $(".youxi_wwmain img").removeClass("img-slideUp").removeClass("img-slideleft").removeClass("img-slideOutUp").removeClass("img-slideOutUp2");
                        },4000);
                        
            }  

           //关闭弹窗重新开抓
            $('#zhongjiang').click(function(){
                    $('.zhua').removeClass('zhuadown').removeClass('zhuaup').removeClass('zhualeft').removeClass('zhuaOutUp');
                    $(this).hide();
                    if(!error.paused){
                        error.pause();
                    }
                    if(!music01.paused){
                        music01.pause();
                    }
                    Carousel.data.result = null;
                    if($('#set_yy_on').hasClass('active')) {
                        musicStar.play();
                    }else{
                        musicStar.pause();
                    }
            })



                
                
        });


         
        
        // 房间
        $(".fanjian_tag div").click(function() {  
            $(".fanjian_tag div").removeClass("active"); 
            $(this).addClass("active");
        });

        $(".fanjian_paixu div").click(function() {  
            $(".fanjian_paixu div").removeClass("active"); 
            $(this).addClass("active");
        });
        $(".fanjian_main div").click(function() {  
            $(".fanjian").hide();
            $(".youxi").show();
        });
        $(".fanjian_close").click(function(){
            $(".fanjian").hide();
            $(".youxi").show();
        })


                // 提取计算
                $('.myww_qb_i').click(function(){  
                    //alert(this.checked);  
                    if($(this).is(':checked')){  
                        $('.myww_b_i').each(function(){  
                            //此处如果用attr，会出现第三次失效的情况  
                            $(this).prop("checked",true);  
                        });  
                    }else{  
                        $('.myww_b_i').each(function(){  
                                $(this).removeAttr("checked",false);  
                            });  
                            //$(this).removeAttr("checked");  
                    }
                    setTotal();  
                });

                $('.myww_b_i').click(function(){  
                    setTotal();  
                });


                $(".myww_b_jia").click(function() {
                    var t = $(this).parent().find('input[class*=myww_b_t]');  
                    if(t.val()==""||undefined||null){  
                        t.val(0);  
                    }  
                    t.val(parseInt(t.val()) + 1);

                    
                    setTotal();  
                })  
                
                $(".myww_b_jie").click(function() { 
                    var t = $(this).parent().find('input[class*=myww_b_t]');  
                    if(t.val()==""||undefined||null){  
                        t.val(0);  
                    }  
                    t.val(parseInt(t.val()) - 1)  
                    if(parseInt(t.val()) < 0) {  
                        t.val(0);  
                    }  
                    setTotal();  
                })  
                
                $(".myww_b_t").keyup(function(){  
                    var t = $(this).parent().find('input[class*=myww_b_t]');  
                    if(parseInt(t.val())==""||undefined||null || isNaN(t.val())) {  
                        t.val(0);  
                    }  
                    setTotal();  
                })

                function setTotal() {  
                    var s = 0;  
                    $(".myww_a div").each(function() {  
                        if($(this).find('input[class*=myww_b_i]').is(':checked')){  
                        
                        var t = $(this).find('input[class*=myww_b_t]').val();  
               
                        if(parseInt(t)==""||undefined||null || isNaN(t) || isNaN(parseInt(t))){  
                            t=0;  
                        }  
                        s += parseInt(t);  
                        } 
                    });  
                    $(".myww_zong").html(s);  
                }  
                setTotal();   

              
        $(".draw_btl").click(function() {  
            $("#tiqu").show();
            $("#page-landscape").remove();
            $("#page-portrait").addClass("qzxs");
        });

        $(".draw_btr").click(function() {  
            $("#duihuan").show();
        });

        $(".tiqu_bt").click(function() {  
            $("#tiqu").hide();
        });

        $(".duihuan_bt").click(function() {  
            $("#duihuan").hide();
        });

        $(".mai_fh").click(function() {  
            $("#mai").hide();
        });


        // 充值
        $(".mai_xm").click(function() {
            if($(this).hasClass("active")){
                $(this).removeClass("active");
                $(".mai_qt").hide();
                $(".mai_xz").show();
            }else{
                $(this).addClass("active");
                $(".mai_xz").hide();
                $(".mai_qt").show();
            }  
           
        });
        
        
        // 切换房间
        $(".youxi_bt1").click(function() {  
            $(".youxi").hide();
            $(".fangjian,.fanjian_close").show();
        });
        
        // 排行榜             
        $(".youxi_l1").click(function(){
            $(".paihang").show();
        });

        // 显示娃娃详情
        $(".youxi_f2").click(function(){
            $("#myww").show();
        });        
        

        // 显示娃娃详情
        $(".youxi_r1").click(function(){
            $("#goods_more").show();
        });


        // 娃娃详情确定按钮
        $(".goods_more_ok").click(function(){
            $(".goods_more").hide();
        });


        // 显示抓取详情
        $(".youxi_bt3").click(function(){
            $("#record").show();
        });

        // 抓取娃娃详情
        $(".record_a").click(function(){
            $(".record_main").hide();
            $(".record_goods").show();
        });

        // 抓取列表
        $(".record_bt1").click(function(){
            $(".record_goods").hide();
            $(".record_main").show();
        });


        
        // 显示设置
        $(".youxi_f1").click(function(){
            $("#set").show();
        });
        

        $(".set_bt i").click(function(){
            $(this).addClass("active");
            $(this).siblings("i").removeClass("active");
            if($('#set_yy_off').hasClass('active')) {
                musicStar.pause();
            }
        });

        // 拨打客服
        $(".set_lxkf").click(function(){
            var tel = $(this).attr("data-tel");
            window.location.href = 'tel://' + date;
        });

        // 显示充值                
        $(".youxi_f3").click(function(){
             $("#recharge").show();
            //$("#mai").show();
        });            
        $(".recharge_main a").click(function(){
             $("#mai").show();
        });  

        // 显示每日福利                
        $(".youxi_l4").click(function(){
            $("#weal").show();
        }); 

        // 显示邀请福利                
        $(".youxi_l3").click(function(){
            $("#invite").show();
        }); 





        // 显示活动详情
        $(".phb_f3").click(function(){
            $("#hdxq").show();
        });

        // 切换顶部按钮
        $(".phb_bt").click(function(){
            $(".phb_bt").removeClass("active");
            $(this).addClass("active");
        });

        $("#phb_btl").click(function(){
           $(".phb_r,.phb_f2").hide();
           $(".phb_l,.phb_f1").show();
           $(".phb_footer").html("我的排名:<em>未上榜</em>&nbsp;&nbsp;&nbsp;抓取次数:<em>1</em>");
           $(".hdxq_main").html("1.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情。<br/><br/>2.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。<br/><br/>3.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。<br/>");
        });

        $("#phb_btr").click(function(){
           $(".phb_l,.phb_f1").hide();
           $(".phb_r,.phb_f2").show();
           $(".phb_footer").html("我的排名:<em>未上榜</em>&nbsp;&nbsp;&nbsp;富豪指数:<em>0</em>");
           $(".hdxq_main").html("a.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情。<br/><br/>b.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。<br/><br/>c.活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情动详情活动详情。<br/>");
        });


        $(".phb_f1").click(function(){
            $("#zrph").show();
        });

         $(".phb_f2").click(function(){
            $("#szph").show();
        });         
                  
    })